<md-card>

    <a ng-click="shop.gotoShop()">
        <img alt="{{shop.data.name}}" ng-src-cache="{{shop.data.front.id | mediaScreen}}">
    </a>

    <md-card-content>

        <div layout layout-align="start center" layout-fill>
            
            <div>
                <a ng-click="shop.gotoShop()">
                    <img ng-src-cache="{{shop.data.picto.src | mediaScreen}}" alt="{{shop.data.shop.name}}">
                </a>
            </div>

            <div layout="column">

                <div layout layout-align="start center" layout-fill>
                    <md-button ng-click="shop.gotoShop()" aria-label="Alert" flex text-left class="md-accent alert-item-title">
                        <strong>{{shop.data.name}}</strong><span>@{{shop.data.login}}</span>
                    </md-button>            
            
                    <div ng-if="shop.data.distance" layout>
                        <md-icon md-svg-src="/assets/icons/grey/map-marker.svg" class="md-small"></md-icon>
                        <span>{{shop.data.distance}}</span>
                    </div>
            
                    <div ng-if="shop.data.location.neighborhood" class="md-small">
                        <span>{{shop.data.location.neighborhood}}</span>
                    </div>
                </div>

                <div layout layout-wrap>
                    <md-button ng-repeat="category in shop.data.categories"  ng-href="#search/{{category.name}}" aria-label="Category" class="md-accent md-hue-1 md-small">
                        <span>{{category.name}}</span>
                    </md-button>
                </div>

            </div>
        </div>
        
        <div layout layout-align="start center" layout-fill vmargin ng-bind-html="shop.data.description | linkify"></div>

        <div layout layout-fill layout-align="end center">
            <md-button ng-click="shop.unSubscribeUser()" aria-label="Remove" class="md-raised md-accent md-small">
                <md-icon md-svg-src="/assets/icons/white/trash-o.svg"></md-icon>
                <span>Désabonnez-vous</span>
            </md-button>
        </div>

    </md-card-content>
</md-card>